<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en" xml:lang="en" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Guaripolo Store</title>
<meta name="description" content="My Store" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/css/960.css" media="all" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/css/screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/css/color.css" media="screen" />

<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="stylesheet/ie.css" media="screen" />
<![endif]-->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/js/shoppica.js"></script>

</head>

<body class="s_layout_fixed">

<div id="wrapper"> 

  <!-- ********************** --> 
  <!--      H E A D E R       --> 
  <!-- ********************** -->
  <div id="header" class="container_12">
    <div class="grid_12">
    
    	<a id="site_logo" href="<?php echo base_url()."catalogo"?>">Guaripolo Store</a> 

      <div id="system_navigation" class="s_nav">
        <ul class="s_list_1 clearfix">
          <li><a href="<?php echo base_url()."catalogo"?>">Inicio</a></li>
          <li><a href="<?php echo base_url()."home/logout"?>">Log Out</a></li>
          <li><a href="<?php echo base_url()."carrito"?>">Carro de compras</a></li>
            <li><a href="<?php echo base_url()."historial"?>">Historial</a></li>
        
        </ul>
      </div>

      <div id="site_search">
      	<a id="show_search" href="javascript:;" title="Search:"></a>
        <div id="search_bar" class="clearfix">
          <input type="text" id="filter_keyword" />
          <select id="filter_category_id">
            <option value="0">Todas las categorias</option>
            <option value="1">PC</option>
            <option value="2">XBOX 360</option>
            <option value="1">PS3</option>
          </select>
          <a class="s_button_1 s_secondary_color_bgr"><span class="s_text">Go</span></a> 
        </div>
      </div>
      
      <div id="categories" class="s_nav">
        <ul>
          <li id="menu_home"> <a href="/catalogo">Inicio</a> </li>
          <li> <a href="/catalogo">Juegos</a>
            <div class="s_submenu">
              <h3>Categorias</h3>
              <ul class="s_list_1 clearfix">
                <li> <a href="/catalogo">Accion</a>
                  
                </li>
                <li><a href="/catalogo">Peleas</a></li>
                <li><a href="/catalogo">Deporte</a></li>
              </ul>
              <span class="clear border_eee"></span>
              
        </ul>
      </div>
      
      <div id="cart_menu" class="s_nav">
      	<a href="/carrito/vercarro"><span class="s_icon"></span> <small class="s_text">Carro</small><span class="s_grand_total s_main_color">
      	$<?php
      	$t=0; 
      	$nitems=0;
      	$q=$this->usuario->getCarro()->getAllProductos();
      	foreach($q->result() as $row)
      	{
      		$t+=$row->Precio * $row->cantidad;
      		$nitems+=$row->cantidad;
      	}
      	
      	echo $t;
      	?></span></a>
        <div class="s_submenu s_cart_holder">
          <p class="s_mb_0"><?php 
        echo $nitems;?> Juegos</p>
        </div>
      </div>
      
    </div>
  </div>
  <!-- end of header --> 
  

  <!-- ********************** --> 
  <!--     I N T R O          -->
  <!-- ********************** --> 

  <div id="intro">
    <div id="intro_wrap">
      <div class="container_12">
        <div id="breadcrumbs" class="grid_12">
          <a href="/catalogo">Inicio</a>
          &gt;
          <a href="">Juegos</a>
        </div>
        <h1>Juegos</h1>
      </div>
    </div>
  </div>
  <!-- end of intro -->

  
  <!-- ********************** --> 
  <!--      C O N T E N T     -->
  <!-- ********************** --> 
  <div id="content" class="container_12">

    
    <div id="category" class="grid_9">

      
      
      <div id="listing_options">
        <div id="listing_sort" class="s_switcher">
          <span class="s_selected">Default</span>
          <ul class="s_options" style="display: none;">
            <li><a href="">Nombre A - Z</a></li>
            <li><a href="">Nombre Z - A</a></li>
            <li><a href="">Precio Menor &gt; Mayor</a></li>
            <li><a href="">Precio Mayor &gt; Menor</a></li>
          </ul>
        </div>
        
      </div>

      <div class="clear"></div>
      
      <div class="s_listing s_grid_view clearfix">
      <?php
		foreach ($productos as $row)
		{
			echo '<div class="s_item grid_3"><a class="s_thumb" href="cproducto/listarproducto/'.$row->idProductos.'">
			
			<img alt="Embedded Image" src="data:image/jpeg;base64,'.base64_encode($row->Img).'" width="200" height="90" alt="" />
	
			
			</a>
			<h3><a href="cproducto/listarproducto/'.$row->idProductos.'"'
			.$row->Nombre.
			'</a></h3> <p class="s_model">'
			.$row->idProductos.
			'</p>
          	<p class="s_price"><span class="s_currency s_before">$</span>'
          	.$row->Precio.
          	'</p>
          	<a class="s_button_add_to_cart" href="carrito/agregarproducto/'.$row->idProductos.'/1"><span class="s_icon_16"><span class="s_icon"></span>Añadir al Carro</span></a>
        	</div>';
		}
      ?>
      
         
        
        
        <div class="clear"></div>

      </div>

      <div class="pagination">
        <div class="links"> <b>1</b> <a href="">2</a> <a href="">&gt;</a> <a href="">&gt;|</a> </div>
        <div class="results">Mostrar resultado de paginas</div>
      </div>
      
		</div>
    
    <div id="right_col" class="grid_3">
      <div id="cart_side" class="s_box_1 s_cart_holder">
        <h2 class="s_secondary_color">Carro de Compras</h2>
        <div id="cart_side_contents">
          <p class="s_mb_0"><?php 
        echo $nitems;?> Juegos</p>
        </div>
      </div>
      
      <div id="categories_module" class="s_box">
        <h2>Categorias</h2>
        <div class="s_list_1">
          <ul>
          	<li>
            	<a href="/catalogo"><b>Juegos</b></a>
            	<ul>
              	<li><a href="/catalogo">Accion</a></li>
              	
                <li><a href="/catalogo">Arcade</a></li>
                <li><a href="/catalogo">Aventura</a></li>
                <li><a href="/catalogo">Deportes</a></li>
                <li><a href="/catalogo">Peleas</a></li>
              </ul>
            </li>
          </ul>
      	</div>
			</div>
      
    	
      
 
    
      
  
      

    </div>
    
  </div>
  <!-- end of content -->
  
  
  <!-- ********************** --> 
  <!--             I N F O    --> 
  <!-- ********************** --> 
  <div id="shop_info">
    <div id="shop_info_wrap">
      <div class="container_12">
        <div id="shop_description" class="grid_3">
          <h2>Guaripolo Store</h2>
          <p>Proyecto de Taller de sistemas de computacíon, tienda virtual.</p>
        </div>
        <div id="shop_contacts" class="grid_3">
          <h2>Contactanos</h2>
          <table width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
              <td valign="middle"><span class="s_icon_32"><span class="s_icon s_phone_32"></span><br />12345</span></td>
            </tr>
            <tr>
              <td valign="middle"><span class="s_icon_32"><span class="s_icon s_mail_32"></span>contacto@guaripolostore.com <br /> </span></td>
            </tr>
            <tr>
              <td valign="middle"><span class="s_icon_32"><span class="s_icon s_skype_32"></span>guaripolo_store <br /> </span></td>
            </tr>
          </table>
        </div>
        <div id="twitter" class="grid_3">
          <h2>Twitter</h2>
          <ul id="twitter_update_list"><li></li></ul>
        </div>
        <div id="facebook" class="grid_3">
          <h2>Facebook</h2>
          <div class="s_widget_holder">
         
          </div>
        </div>
        <div class="clear"></div>
      </div>
    </div>
  </div>
  <!-- end of shop info --> 
  
  

    <div id="payments" class="right clearfix">
    
    </div>
    <p id="copy">&copy; 2012. Realizado por<a class="blue" href="">Equipo Guaripolo</a>.<br /> <a class="s_main_color" href="">Taller de Sistemas de Computación</a><a href=""></a></p>
  </div>
  <!-- end of FOOTER --> 
  
</div>

<div id="fb-root"></div>

</body>
</html>
